body{
        font: normal 62.5% "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif !important;
}

#page-container {
        width: 920px;
        margin: 0 auto;
}
header ul{
        margin-top:10px;
        margin-bottom:10px;
}
ul {
		margin-top:0px;
		margin-bottom:0px;
        padding: 0px;
        list-style-type: none;
}
nav {
        background: #1161a0;
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
        box-shadow: 0 0 5px rgba(0,0,0,0.5);
        
}
nav li {
        cursor: pointer;
        font-size: 140%;
        list-style: none;
        display: inline-block;
        padding: 10px;
        /*height: 35px;
        margin-top: 2px;*/
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
}

nav li:hover {
        font-size: 139%;
        background: #BADA55; /* some green */
        color: #FFF;
        text-decoration: none;
        -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
        box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

nav a {
        /*padding: 20px;*/
        color: #FFF;
        text-decoration: none;
        
}

#bottom-bar {
	position:fixed !important; 
	bottom:0px; /* bottom */
}

#bottom-bar li{
	padding-top:10px;
	padding-left:10px;
}

#content {
        width: inherit;
        display: inline-block;
        background: #444;
        padding: 0px;
        padding-bottom:20px;
        margin:auto;
        
}

section {
        margin: 10px 10px auto;
        
        padding: 20px;
        background: #BADA55;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
        box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#intro-description{
        margin: 20px 10px 40px 240px;
        
}

#screens-container{
        margin: 5px;
        display: block;
        background: #AB9;
        float: right;
        height: 400px;
        width: 540px;
        
}

#request-form {
        height: inherit;
        width:  inherit;
        margin: auto;
}

#request-form ul {
        display: table;
}

#request-form li {
        text-align: left;
        list-style: none;
        display: table-row;
}

#request-form label {
        display:table-cell;
        font-size:120%
}
#request-form input {
        display:table-cell;
}
#check-available-btn {
        
}
#opentok_console {
        float: right;
        width: 400px;
        font-family: 'courier', monospace;
        font-size: 12px;
}

#myCamera{
	position:fixed !important;
	right:0px; 
	bottom:0px; /* right lower corner */
}

.videobar {
        float: top;
}

.videobar-left {
        float: left;    
        width: 250px;
}

.smalltype {
        font-size: 80%;
        padding-bottom: 6px;
}
#controls {
        float: left;
        text-align: left;
        padding-right: 10px;
}

#publisherControls {
        display: none;
}

#push-to-talk {
        display: none;
}

#devicePanelContainer {
        /*position: absolute;
        left: 250px;
        top: 10px;*/
        display:none;
}

#devicePanelCloseButton {
        position: relative;
        z-index: 10;
        margin-left: 285px;
        margin-right: 12px;
        padding: 3px;
        text-align: center;
        font-size: 11px;
        background-color: lightgrey;
}

#devicePanelBackground {
        background-color: lightgrey;
        width: 340px;
        height: 230px;
}

#devicePanelInset #devicePanel {
        position: relative;
        top: -74px;
        left: -9px;
}

a.settingsClose:link,
a.settingsClose:visited,
a.settingsClose:hover {
        text-decoration: none;
        cursor: pointer;
}
.publisherContainer {
        float: left;
}

.subscriberContainer {
        width: 264px;
        margin-left: 4px;
        float:left;
}

#formDialog {
        display: none;
}
#statusDialog{
	display:none;	
}

#connected-box {
        display: inherited;
}